<!DOCTYPE html>
<html>
<head>
    <title>花田</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="/themes/cpts_785_bhh/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="/themes/cpts_785_bhh/css/flexslider.css" type="text/css"
          media="screen"/>
    <link href="/themes/cpts_785_bhh/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- js -->
    <script type="text/javascript" src="/themes/cpts_785_bhh/js/jquery-2.1.4.min.js"></script>
    <!-- //js -->
    <!-- single -->
    <script src="/themes/cpts_785_bhh/js/imagezoom.js"></script>
    <script src="/themes/cpts_785_bhh/js/jquery.flexslider.js"></script>
    <!-- single -->
    <!-- cart -->
    <script src="/themes/cpts_785_bhh/js/simpleCart.min.js"></script>
    <!-- cart -->
    <!-- for bootstrap working -->
    <script type="text/javascript" src="/themes/cpts_785_bhh/js/bootstrap-3.1.1.min.js"></script>
    <script src="/themes/cpts_785_bhh/js/jquery.easing.min.js"></script>
</head>
<body>
<#include "include/top.html"/>
    <h1 class="text-center" style="margin-top: 50px">花田 HT</h1>
<!-- single -->
<div class="single">
    <div class="container">
        <div class="col-md-6 single-right-left animated wow slideInUp animated" data-wow-delay=".5s"
             style="visibility: visible; animation-delay: 0.5s; animation-name: slideInUp;">
            <div class="grid images_3_of_2">
                <div class="flexslider">
                    <!-- FlexSlider -->
                    <script>
                        // Can also be used with $(document).ready()
                        $(window).load(function () {
                            $('.flexslider').flexslider({
                                animation: "slide",
                                controlNav: "thumbnails"
                            });
                        });
                    </script>
                    <!-- //FlexSlider-->
                    <ul class="slides">
                        <li data-thumb="${goods.img!}">
                            <div class="thumb-image">
                                <img src="${goods.img!}" data-imagezoom="true"
                                     class="img-responsive">
                            </div>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6 single-right-left simpleCart_shelfItem animated wow slideInRight animated"
             data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: slideInRight;">
            <h3>${goods.name!}</h3>
            <p><span class="item_price">$${goods.price}</span></p>
            <div class="description">
                <form action="/member/pay" method="post">
                    <h5>现在购买：</h5>
                    <input type="hidden" name="goodsid" value="${goods.id}">
                    <input type="number" value="1" min="1" required="" name="count">
                    <input type="submit" value="购买">
                </form>

            </div>
        </div>
        <div class="clearfix"></div>

        <div class="bootstrap-tab animated wow slideInUp animated" data-wow-delay=".5s"
             style="visibility: visible; animation-delay: 0.5s; animation-name: slideInUp;margin: 0 150px">
            <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="myTab" class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab"
                                                              aria-controls="home" aria-expanded="true">详情</a>
                    </li>
                    <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab"
                                               aria-controls="profile">评论</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active bootstrap-tab-text" id="home"
                         aria-labelledby="home-tab">
                    ${goods.content!}
                    </div>
                    <div role="tabpanel" class="tab-pane fade bootstrap-tab-text" id="profile"
                         aria-labelledby="profile-tab">
                        <div class="bootstrap-tab-text-grids">
                        <#list commentList as item>
                            <div class="bootstrap-tab-text-grid">
                                <div class="bootstrap-tab-text-grid-right">
                                    <ul>
                                        <li><a href="#">${item.name}</a></li>
                                    </ul>
                                    <p>${item.content}</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </#list>

                            <div class="add-review">
                                <h4>发表评论</h4>
                                <form method="post" action="/comment/send">
                                    <input type="hidden" name="goodsid" value="${goods.id}">
                                    <textarea name="content"  id="content" style="width:100%;height:300px;"></textarea>
                                    <input type="submit" value="发表">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //single -->

<#include "include/foot.html"/>
<script charset="utf-8" src="/themes/plugins/kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="/themes/plugins/kindeditor/lang/zh_CN.js"></script>

<script>
    KindEditor.ready(function (K) {
        window.editor = K.create("#content", {
            uploadJson: '/file/uploadFile',
            fileManagerJson: '',
            allowFileManager: false
        });
    });
</script>
</body>
</html>
